<!DOCTYPE html>
<html lang="en">
  <head>
    <title>《The ONE智能音乐教室使用协议》</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="../../static/icons/favicon.ico" />
  </head>
  <style>
  .m-textarea{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 15%;
    box-sizing: border-box;
    border: none;
    outline: none;
    resize: none;
  }
  </style>
  <body>
  <div class="wrap">
  {% if file_path %}
      <textarea readonly class="m-textarea">正在加载协议。。。</textarea>
  {% else %}
      {% if license_agreement_text %}
        <textarea readonly class="m-textarea">{{ license_agreement_text }}</textarea>
      {% else %}
        <textarea readonly class="m-textarea">^_^</textarea>
      {% endif %}
  {% endif %}
  </div>

    <script src="{{ url_for('static', filename='libs/jquery.min.js') }}"></script>
    <script>
        $(function(){
            {% if file_path %}
                window.location.href = '{{ file_path }}'
            {% endif %}
        });
    </script>

  </body>
</html>


